<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			*{margin: 0;}
			ul li {
				padding-left: 0px;
				list-style-type: none;
				padding-bottom: 10px;
			}
			body{
				background:linear-gradient(to top,#ececec,#ffffed);
				width: 600px;
			}
			
			#mark ul li{
				color:#5c9815;
			}
			#mark1 ul li{
				color: #f26522;
			}
			
			#mark ul li:first-of-type span {
				background-color: #12514a;
				color: white;
			}
			
			#mark ul li:nth-of-type(2) span {
				background-color: #056c31;
				color: white;
			}
			
			#mark ul li:nth-of-type(3) span {
				background-color: #028dae;
				color: white;
			}
			
			#mark ul li:nth-of-type(4) span {
				background-color: #0267b4;
				color: white;
			}
			
			#mark ul li:nth-of-type(5) span {
				background-color: #032462;
				color: white;
			}
			
			#mark1 ul li:first-of-type span {
				background-color: #ea722a;
				color: white;
			}
			
			#mark1 ul li:nth-of-type(2) span {
				background-color: #ad181c;
				color: white;
			}
			
			#mark1 ul li:nth-of-type(3) span {
				background-color: #d83664;
				color: white;
			}
			
			#mark1 ul li:nth-of-type(4) span {
				background-color: #a50428;
				color: white;
			}
			
			#mark1 ul li:nth-of-type(5) span {
				background-color: #533271;
				color: white;
			}
			
			#mark1 ul li:nth-of-type(6) span {
				background-color: #550f69;
				color: white;
			}
		</style>
	</head>

	<body>
		<header><img src="../img/图片素材/title.gif" /></header>
		<div id="mark">
			<img src="../img/图片素材/img_01.png" />
			<ul>
				<li><span>逆向课程设计:</span>以企业需求决定课程设计内容，确保训练内容及深度和企业需求一致</li>
				<li><span>模拟学员学习路线:</span>强调难点和复杂技能点的反复训练，力求学习效果和学习体验</li>
				<li><span>互联网作为教学环境:</span>学员的日常教学和训练均在互联网线上进行</li>
				<li><span>学习挡板监控网上学习效果:</span>每个学习阶段设置线上线下测试，严密监控学习效果</li>
				<li><span>真实开发项目经验积累:</span>采用专业互联网企业提供的真实项目作为模拟开发</li>
			</ul>
		</div>
		<div id="mark1">
			<img src="../img/图片素材/img_02.png" />
			<ul>
				<li><span>【实用性】:</span>—— 以就业岗位需求为导向，重点讲解企业80％的时间在使用的20％的技术</li>
				<li><span>【权威性】:</span>—— 与来自百度等知名企业的专家联合开发</li>
				<li><span>【专业性】:</span>—— 引进业内资深人才和典型行业开发项目</li>
				<li><span>【真实性】:</span>—— 在互联网真实环境下进行教学和训练</li>
				<li><span>【易学性】:</span>—— 在线培训模式，24小时专家在线解答疑难问题</li>
				<li><span>【完整性】:</span>—— 利用SNS虚拟社区：学习、人脉双丰收</li>
			</ul>
		</div>
	</body>

</html>